.wip {
  position: relative;
  background-color: #252525;
  canvas.wip-video {
    background-color: transparent;
  }
  canvas.wip-status {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
  }
  span.wip-title {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: #ccc;
  }
  a.wip-btn-max {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    color: #ccc; 
    cursor: pointer;
    &:hover {
      color: #fff;
    }
  }
  &:hover {
    .wip-btn {
      opacity: 1;
    }
  }
  .wip-btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 74px;
    opacity: 0;
  
    border-color: transparent transparent transparent #202020;
    transition: 100ms all ease;
    cursor: pointer;
  
    border-style: double;
    border-width: 0px 0 0px 60px;
  
    &.paused {
      border-style: solid;
      border-width: 37px 0 37px 60px;
      opacity: 1;
    }
  
    &:hover {
      border-color: transparent transparent transparent #e7e7e7;
    }
  }
}